/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Inter:wght@400;500;600;700;800;900&display=fallback');

@import 'preflight-wrapper.css';

/*@tailwind base;*/
@tailwind components;
@tailwind utilities;

@import 'additional-styles/utility-patterns.css';
@import 'additional-styles/range-slider.css';
@import 'additional-styles/toggle-switch.css';

@import 'additional-styles/theme.css';

.debug-border {
  border: #d12f1b dotted thin;
}

.auto-height{
  max-width: 100%;
  height: auto;
}

.navbar {
  opacity: .9;
}

.banner-extra {
  z-index: 1000;
}

[data-theme='dark'] .language-swift{
  background-color: #25252a !important;
}

[data-theme='dark'] .language-swift .function {
  color: #aa85e5 !important;
}

[data-theme='dark'] .language-swift .function-definition {
  color: #89ddfb !important;
}

[data-theme='dark'] .language-swift .string-literal {
  color: #ef8876 !important;
}

[data-theme='dark'] .language-swift .string-literal.interpolation {
  color: white !important;
}

[data-theme='dark'] .language-swift .interpolation-punctuation.punctuation {
  color: white !important;
}

[data-theme='dark'] .language-swift .token.class-name {
  color: #89ddfb !important;
}

[data-theme='dark'] .language-swift .token.plain {
  color: white !important;
}

[data-theme='dark'] .language-swift .keyword {
  font-weight: bold;
  color: #ef82b0 !important;
}

[data-theme='dark'] .language-swift .boolean {
  font-weight: bold;
  color: #ef82b0 !important;
}

[data-theme='dark'] .language-swift .punctuation + .class-name {
  font-weight: bold;
  color: white !important;
}

[data-theme='light'] .language-swift{
  background-color: #ffffff !important;
}

[data-theme='light'] .language-swift .function {
  color: #804fb8 !important;
}

[data-theme='light'] .language-swift .function-definition {
  color: #ad3da3 !important;
}

[data-theme='light'] .language-swift .string-literal {
  color: #d12f1b !important;
}

[data-theme='light'] .language-swift .string-literal.interpolation {
  color: black !important;
}

[data-theme='light'] .language-swift .interpolation-punctuation.punctuation {
  color: black !important;
}

[data-theme='light'] .language-swift .token.class-name {
  color: #01638b !important;
}

[data-theme='light'] .language-swift .token.plain {
  color: black !important;
}

[data-theme='light'] .language-swift .token.operator {
  color: black !important;
}

[data-theme='light'] .language-swift .keyword {
  font-weight: bold;
  color: #ad3da3 !important;
}

[data-theme='light'] .language-swift .boolean {
  font-weight: bold;
  color: #ef82b0 !important;
}

[data-theme='light'] .language-swift .punctuation + .class-name {
  /*font-weight: bold;*/
  color: black !important;
}

.hidemenu {
  display: none;
}

/* You can override the default Infima variables here. */
:root {
  /*--ifm-color-primary: #007521;*/
  /*--ifm-color-primary-dark: #00691e;*/
  /*--ifm-color-primary-darker: #00631c;*/
  /*--ifm-color-primary-darkest: #005217;*/
  /*--ifm-color-primary-light: #008124;*/
  /*--ifm-color-primary-lighter: #008726;*/
  /*--ifm-color-primary-lightest: #00982b;*/
  --ifm-color-primary: #006b6b;
  /*--ifm-color-primary-dark: #006060;*/
  --ifm-color-primary-darker: #005b5b;
  /*--ifm-color-primary-darkest: #004b4b;*/
  --ifm-color-primary-light: #007676;
  /*--ifm-color-primary-lighter: #007b7b;*/
  --ifm-color-primary-lightest: #008b8b;

  /*--ifm-color-primary: #668f00;*/
  --ifm-color-primary-dark: #5c8100;
  /*--ifm-color-primary-darker: #577a00;*/
  --ifm-color-primary-darkest: #476400;
  /*--ifm-color-primary-light: #709d00;*/
  --ifm-color-primary-lighter: #75a400;
  /*--ifm-color-primary-lightest: #85ba00;*/
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #17d1d1;
  --ifm-color-primary-dark: #15bcbc;
  --ifm-color-primary-darker: #14b2b2;
  --ifm-color-primary-darkest: #109292;
  --ifm-color-primary-light: #19e6e6;
  --ifm-color-primary-lighter: #24e7e7;
  --ifm-color-primary-lightest: #43eaea;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

code {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
